
@import './default';
/*Button*/
@btn-height-lg: 36px;
@btn-height-sm: 30px;
@btn-padding-base: 4px @padding-md;
@btn-padding-base-sm: 3px @padding-md;
@btn-padding-base-lg: 6px @padding-md;
@icon-btn-padding-base: 4px @paddingBase;
@icon-btn-padding-sm: 0px @paddingBase - 2px;
@icon-btn-padding-lg: 8px @padding-md;

a {
  color: @primary-6;

  &:hover {
    color: @primary-5;
  }

  &:active {
    color: @primary-7;
  }

  &&[disabled] {
    color: @black-5;
  }
}

/*button*/
/**
* 按钮默认样式
* @author: CuiMT
* @date: 2024-05-28
* @description: 按钮默认样式
* @param {defaultColor} 默认颜色  color-6
* @param {hoverColor} 鼠标悬停颜色 color-5
* @param {activeColor} 鼠标点击颜色 color-7
* @param {disabledColor} 鼠标禁用颜色 color-3
* @param {fontColor} 默认字体颜色
*/
.btn(@defaultColor, @hoverColor, @activeColor, @disabledColor, @fontColor) {
  background-color: @defaultColor;
  border-color: @defaultColor;
  color: @fontColor;

  &:focus {
    background-color: @defaultColor;
    border-color: @defaultColor;
    color: @fontColor;
  }

  &:hover {
    background-color: @hoverColor;
    border-color: @hoverColor;
    color: @fontColor;
  }

  &:active {
    background-color: @activeColor;
    border-color: @activeColor;
    color: @fontColor;
  }

  &&[disabled] {
    background-color: @disabledColor;
    border-color: @disabledColor;
    color: @fontColor;

    &:hover {
      background-color: @disabledColor;
      border-color: @disabledColor;
      color: @fontColor;
    }

    &:focus {
      background-color: @disabledColor;
      border-color: @disabledColor;
      color: @fontColor;
    }

    &:active {
      background-color: @disabledColor;
      border-color: @disabledColor;
      color: @fontColor;
    }
  }

  &.ant-btn-background-ghost {
    color: @defaultColor;
    background-color: transparent;
    border-color: @defaultColor;

    &:focus {
      color: @defaultColor;
      border-color: @defaultColor;
    }

    &:hover {
      color: @hoverColor;
      border-color: @hoverColor;
    }

    &:active {
      color: @activeColor;
      border-color: @activeColor;
    }

    &[disabled] {
      color: @disabledColor;

      &:focus {
        color: @disabledColor;
      }

      &:hover {
        color: @disabledColor;
      }

      &:active {
        color: @disabledColor;
      }
    }
  }
}

/* button*/
.ant-btn {
  box-shadow: none;
  border-radius: @border-radius-base;
  padding: @btn-padding-base;

  &.icon-btn {
    padding: @icon-btn-padding-base;
  }
}

// .ant-dropdown-trigger{
//   .anticon-down {
//       display: inline-block;
//       transition: transform 0.3s ease-in-out;
//       transform-origin: center;
//   }
//   &:hover{
//     .anticon-down {
//         transform: rotate(180deg);
//     }
//   }
// }

.ant-btn-sm {
  padding: @btn-padding-base-sm;
  font-size: @font1;
  height: @btn-height-sm;

  &.icon-btn {
    padding: @icon-btn-padding-sm;
  }
}

.ant-btn-lg {
  padding: @btn-padding-base-lg;
  font-size: @font-size-base;
  height: @btn-height-lg;

  &.icon-btn {
    padding: @icon-btn-padding-lg;
  }
}

/*type:default*/
.ant-btn {
  border: @border-width-base solid @black-4;
  background-color: @white;
  border-color: @black-4;
  color: @black-10;

  &:hover {
    background-color: @white;
    border-color: @primary-5;
    color: @primary-5;
  }

  &:focus {
    background-color: @white;
    border-color: @primary-5;
    color: @primary-5;
  }

  &:active {
    background-color: @white;
    border-color: @primary-7;
    color: @primary-7;
  }

  &&[disabled] {
    background-color: @black-1;
    border-color: @black-3;
    color: @black-5;

    &:hover {
      background-color: @black-1;
      border-color: @black-3;
      color: @black-5;
    }

    &:focus {
      background-color: @black-1;
      border-color: @black-3;
      color: @black-5;
    }

    &:active {
      background-color: @black-1;
      border-color: @black-3;
      color: @black-5;
    }
  }
}

/*type:primary*/
.ant-btn-primary {
  .btn(@primary-6, @primary-5, @primary-7, @primary-3, @white);
}

/*type:danger*/
.ant-btn-danger {
  .btn(@red-6, @red-5, @red-7, @red-3, @white);
}

/*type:link*/
.ant-btn-link {
  color: @primary-6;
  background-color: transparent;
  border-color: transparent;

  &:focus {
    color: @primary-5;
    background-color: transparent;
    border-color: transparent;
  }

  &:hover {
    color: @primary-5;
    background-color: transparent;
    border-color: transparent;
  }

  &:active {
    color: @primary-7;
    background-color: transparent;
    border-color: transparent;
  }

  &&[disabled] {
    color: @primary-3;
    background-color: transparent;
    border-color: transparent;

    &:focus {
      color: @primary-3;
      background-color: transparent;
      border-color: transparent;
    }

    &:hover {
      background-color: transparent;
      border-color: transparent;
      color: @primary-3;
    }

    &:active {
      color: @primary-3;
      background-color: transparent;
      border-color: transparent;
    }
  }
}

/*type:dashed*/
.ant-btn-dashed {
  border: @border-width-base dashed @black-4;
  background-color: @white;
  border-color: @black-4;
  color: @black-10;

  &:hover {
    background-color: @white;
    border-color: @primary-5;
    color: @primary-5;
  }

  &:focus {
    background-color: @white;
    border-color: @primary-5;
    color: @primary-5;
  }

  &:active {
    background-color: @white;
    border-color: @primary-7;
    color: @primary-7;
  }

  &&[disabled] {
    background-color: @black-1;
    border-color: @black-3;
    color: @black-5;

    &:hover {
      background-color: @black-1;
      border-color: @black-3;
      color: @black-5;
    }

    &:focus {
      background-color: @black-1;
      border-color: @black-3;
      color: @black-5;
    }

    &:active {
      background-color: @black-1;
      border-color: @black-3;
      color: @black-5;
    }
  }
}

/* form*/
.ant-form-inline .ant-form-item {
  margin-bottom: 2 * @unit;
}

.ant-form-item-label > label {
  color: @black-8;
}

.ant-form-item-label {
  line-height: 4 * @unit;
}

.ant-form-item-control {
  line-height: 4 * @unit;
}

.ant-form-item-required::before {
  color: @red-6;
  font-weight: bold;
}

/* pagination*/
.ant-pagination-item {
  border-color: @black-3;
  border-radius: @border-radius-base;

  a {
    color: @black-8;
  }

  &:hover {
    border-color: @primary-5;

    a {
      color: @primary-5;
    }
  }

  &:focus {
    border-color: @primary-6;

    a {
      color: @primary-6;
    }
  }

  &:active {
    border-color: @primary-7;

    a {
      color: @primary-7;
    }
  }
}

.ant-pagination {
  color: @black-10;
}

.ant-pagination-item-active {
  font-weight: 400;
  border-color: @primary-6;

  a {
    color: @primary-6;
  }

  &:hover {
    border-color: @primary-5;

    a {
      color: @primary-5;
    }
  }

  &:focus {
    border-color: @primary-6;

    a {
      color: @primary-6;
    }
  }

  &:active {
    border-color: @primary-7;

    a {
      color: @primary-7;
    }
  }
}

.ant-pagination-prev,
.ant-pagination-next {
  border-color: @black-3;
  border-radius: @border-radius-base;

  a {
    color: @black-8;
    border-color: @black-3;
  }

  &:hover {
    border-color: @primary-5;

    a {
      border-color: @primary-5;
      color: @primary-5;
    }

    svg {
      color: @primary-5;
    }
  }

  &:focus {
    border-color: @primary-5;

    a {
      border-color: @primary-5;
      color: @primary-5;
    }

    svg {
      color: @primary-5;
    }
  }
}

.ant-pagination-prev .ant-pagination-item-link,
.ant-pagination-next .ant-pagination-item-link {
  border-radius: @border-radius-base;
  border-color: @black-3;

  &:hover {
    border-color: @primary-5;
  }

  &:focus {
    border-color: @primary-5;
  }
}

.ant-pagination-jump-prev .ant-pagination-item-container .ant-pagination-item-link-icon,
.ant-pagination-jump-next .ant-pagination-item-container .ant-pagination-item-link-icon {
  border-radius: @border-radius-base;
  color: @black-8;

  &:hover {
    color: @black-8;
  }

  &:focus {
    color: @black-8;
  }
}

/* select*/
.ant-select {
  &:focus {
    border-color: @primary-6;
    box-shadow: 0 0 0 2px @primary-1;
  }

  &:hover {
    border-color: @primary-6;
  }

  &:active {
    border-color: @primary-6;
  }
}

.ant-select-disabled .ant-select-selection,
.ant-select-disabled .ant-select-selection:hover,
.ant-select-disabled .ant-select-selection:focus,
.ant-select-disabled .ant-select-selection:active {
  background-color: @black-1;
  border-color: @black-3;

  .ant-select-selection-selected-value {
    color: @black-10;
  }
}

.ant-select:not(.ant-select-disabled) .ant-select-arrow .ant-select-arrow-icon {
  color: @black-8;
}

.ant-select-dropdown {
  padding: 0 @paddingBase / 2;
}

.ant-select-selection:active {
  border-color: @primary-6;
  box-shadow: 0 0 0 2px rgba(@primary-6, 0.2);
}

.ant-select-dropdown-menu {
  padding-bottom: 0;
}

.ant-select-dropdown-menu-item {
  margin-bottom: @marginBase / 2;
  border-radius: 2px;

  &:hover {
    background-color: @black-2;
  }

  &:not(:last-child) {
    margin-bottom: 0;
  }
}

.ant-select-dropdown-menu-item {
  &:hover:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: @black-2;
    color: @black-8;
  }

  &.ant-select-dropdown-menu-item-selected:not(.ant-select-dropdown-menu-item-disabled) {
    background-color: @black-2;
    color: @black-10;
  }
}

.ant-select-dropdown-menu-item-selected,
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
  background-color: @black-2;
  color: @black-10;
}

.ant-select-dropdown-menu-item-selected:hover {
  background-color: @black-2;
  color: @black-10;
}

.ant-select-dropdown-menu-item-selected:active {
  background-color: @black-2;
  color: @black-10;
}

// 选择门类高度固定,目前太高, 限制高度, 超过下滑
.ant-select-tree-dropdown {
  max-height: 50vh !important;
}

.ant-select-selection {
  width: 100%;
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;

  &:focus {
    border-color: @black-1;
  }

  &:hover {
    border-color: @primary-6;
  }

  &:active {
    border-color: @primary-6;
  }
}

.ant-select-selection-selected-value {
  color: @black-10;
}

.ant-select-open .ant-select-selection {
  border-color: @primary-6;
  box-shadow: 0 0 0 2px @primary-1;
}

.ant-select-selection:active {
  box-shadow: 0 0 0 2px @primary-1;
}

.ant-select-focused .ant-select-selection,
.ant-select-selection:focus {
  border-color: @primary-6;
  box-shadow: 0 0 0 2px @primary-1;
}

.ant-select-tree li span.ant-select-tree-switcher {
  color: @black-8;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper:hover,
.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  background-color: @black-2;
  color: @black-8;
}

.ant-select-tree li .ant-select-tree-node-content-wrapper.ant-select-tree-node-selected {
  font-weight: 600;
}

/* cascader*/
// 非禁用状态图标颜色
.ant-cascader-picker:not(.ant-cascader-picker-disabled) {
  .ant-cascader-picker-arrow {
    color: inherit;
  }
}

.ant-cascader-menu-item {
  color: @black-8;
  margin: 0 @unit / 2;
  border-radius: @unit / 4;
}

.ant-cascader-menu-item:hover {
  background-color: @black-2;
  color: @black-8;
}

.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled),
.ant-cascader-menu-item-active:not(.ant-cascader-menu-item-disabled):hover {
  background-color: @black-2;
  color: @black-8;
}

.ant-cascader-picker {
  &:hover {
    .ant-cascader-input {
      border-color: @primary-6;
    }
  }

  &:focus {
    .ant-cascader-input {
      border-color: @primary-6;
      box-shadow: 0 0 0 2px @primary-1;
    }
  }
}

.ant-cascader-picker-label {
  color: @black-10;
}

.ant-cascader-picker-disabled {
  background-color: @black-1;
  border-color: @black-3;
  color: @black-10;
}

/*timePicker*/

.ant-time-picker-input {
  width: 100%;
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;
  color: @black-10;

  &:focus {
    border-color: @primary-6;
  }

  &:hover {
    border-color: @primary-6;
  }

  &:active {
    border-color: @primary-6;
  }

  &&[disabled] {
    background-color: @black-1;
    border-color: @black-3;
    color: @black-10;
  }

  &&:not([disabled]) {
    & + .ant-time-picker-icon {
      .ant-time-picker-clock-icon {
        color: @black-8;
      }
    }
  }
}

.ant-time-picker-icon,
.ant-time-picker-clear {
  color: @black-8;
}

.ant-time-picker-panel-select {
  padding: 0 @paddingBase / 2;
}

.ant-time-picker-panel-select li {
  width: calc(100% - @paddingBase / 2 * 2);
  margin-top: @marginBase / 2;
}

.ant-time-picker-panel-select li:hover,
.ant-time-picker-panel-select li:focus,
li.ant-time-picker-panel-select-option-selected {
  background-color: @black-2;
  color: @black-8;
}

/*datePicker */
.ant-calendar-picker:hover .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: @primary-6;
}

.ant-calendar-picker-input {
  &&:not([disabled]) {
    & + .ant-calendar-picker-clear {
      & + .ant-calendar-picker-icon {
        color: @black-8;
      }
    }

    & + .ant-calendar-picker-icon {
      color: @black-8;
    }
  }
}

// .ant-calendar-picker:hover .ant-calendar-picker-clear {
//   color: @black-8;
// }

.ant-calendar-selected-day .ant-calendar-date,
.ant-calendar-date:hover {
  background: @black-2;
}

.ant-calendar-selected-day .ant-calendar-date {
  color: @black-10;
  font-weight: 600;
}

.ant-calendar-today .ant-calendar-date {
  color: @primary-6;
  border-color: @primary-6;
  font-weight: normal;
}

// range-picker
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date,
.ant-calendar-range .ant-calendar-selected-start-date .ant-calendar-date:hover,
.ant-calendar-range .ant-calendar-selected-end-date .ant-calendar-date:hover {
  background: @primary-6;
}

.ant-calendar-picker:focus .ant-calendar-picker-input:not(.ant-input-disabled) {
  border-color: @primary-6;
  border-right-width: 1px !important;
  outline: 0;
  box-shadow: 0 0 0 2px rgba(@primary-6, 0.2);
}

.ant-calendar-range .ant-calendar-in-range-cell::before {
  background: @primary-1;
}

.ant-input-disabled {
  &&:hover {
    background-color: @black-1;
    border-color: @black-3;
  }

  background-color: @black-1;
  border-color: @black-3;
}

.ant-calendar-range-picker-input {
  color: @black-10;
}

/* input*/
.ant-input {
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;
  color: @black-10;

  &:hover {
    border-color: @primary-6;
  }

  &:focus {
    border-color: @primary-6;
    box-shadow: 0 0 0 2px @primary-1;
  }

  &&[disabled] {
    background-color: @black-1;
    border-color: @black-3;
    color: @black-5;
  }
}

.ant-input.ant-input[disabled] {
  color: @black-10;
}

.ant-input-affix-wrapper:hover .ant-input:not(.ant-input-disabled) {
  border-color: @primary-6;
}

/* input-number*/
.ant-input-number {
  border-radius: @border-radius-base;
  color: @black-10;
  border: @border-width-base solid @black-3;

  &:hover {
    border-color: @primary-6;
  }
}

.ant-input-number-focused {
  border-color: @primary-6;
  box-shadow: 0 0 0 2px @blue-1;
}

.ant-input-number:hover {
  border-color: @primary-6;
}

.ant-input-number-handler:hover .ant-input-number-handler-up-inner,
.ant-input-number-handler:hover .ant-input-number-handler-down-inner {
  color: @primary-6;
}

.ant-input-number-disabled {
  background-color: @black-1;
  border-color: @black-3;
  color: @black-10;

  &:hover {
    background-color: @black-1;
    border-color: @black-3;
    color: @black-10;
  }
}

/* radio*/
.ant-radio-inner {
  border-color: @black-3;

  &:hover {
    border-color: @primary-6;
  }
}

.ant-radio-wrapper:hover .ant-radio,
.ant-radio:hover .ant-radio-inner,
.ant-radio-input:focus + .ant-radio-inner {
  border-color: @primary-6;
}

.ant-radio-checked .ant-radio-inner {
  border-color: @primary-6;
}

.ant-radio-inner::after {
  background-color: @primary-6;
}

.ant-radio-wrapper .ant-radio-checked::after {
  border-color: @primary-6;
}

::selection {
  background: @primary-6;
}

/* picker*/
.ant-calendar-picker-input {
  border: @border-width-base solid @black-3;
  border-radius: @border-radius-base;
}

/* modal*/
.ant-modal-header {
  font-size: @font4;
  font-weight: 500;
  color: @black-10;
}

.ant-modal-close {
  color: @black-8;
}

.ant-modal-content {
  border-radius: @border-radius-base;
}

.ant-modal-footer {
  border-top: 1px solid @black-3;
}

/* menu*/
.ant-menu-inline {
  .ant-menu-submenu > .ant-menu {
    background-color: @black-1;
  }
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: @primary-1;
}

.ant-menu-item:hover {
  color: @primary-6;
  background-color: @primary-1;
}

.ant-menu-submenu-title:hover {
  color: @primary-6;
}

.ant-menu-inline-collapsed .iconfont + span {
  display: inline-block;
  max-width: 0;
  opacity: 0;
}

.ant-menu-item,
.ant-menu-submenu-title {
  display: flex;
  align-items: center;

  .iconfont {
    margin-right: 8px;
  }
}

.ant-menu-item-selected,
.ant-menu-submenu-selected {
  color: @primary-6;
}

.ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
  background-color: rgba(232, 243, 255, 1);
}

.ant-menu-horizontal > .ant-menu-submenu-selected,
.ant-menu-horizontal > .ant-menu-submenu-open,
.ant-menu-horizontal > .ant-menu-submenu-active,
.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu,
.ant-menu-horizontal > .ant-menu-submenu:hover,
.ant-menu-horizontal > .ant-menu-item:hover {
  border-bottom: none;
}

.ant-menu-horizontal > .ant-menu-item:hover,
.ant-menu-horizontal > .ant-menu-item-active {
  background-color: @primary-7;
}

.ant-menu-horizontal {
  line-height: 7 * @unit;
}

.ant-menu-horizontal > .ant-menu-item,
.ant-menu-horizontal > .ant-menu-submenu {
  top: 0;
}

.ant-dropdown-menu-item-divider {
  margin: @margin-xxs @margin-sm;
  background-color: @black-3;
}

/* dropDown*/
.ant-dropdown-menu {
  border-radius: @border-radius-base;
}

.ant-dropdown-menu-item {
  width: calc(100% - 2 * @padding-sm);
  padding: @padding-xxs @padding-sm;
  margin-left: @padding-sm !important;
  line-height: 2.75 * @unit;
  margin-top: @margin-xxs;
  margin-bottom: @margin-mini;
  color: @black-10;
}

.ant-dropdown-menu-item:hover,
.ant-dropdown-menu-submenu-title:hover {
  background-color: @black-2;
}

.ant-dropdown-menu-item > a,
.ant-dropdown-menu-submenu-title > a {
  color: @black-10;
  font-size: @font-size-base;
}

.ant-menu-vertical .ant-menu-item:not(:last-child),
.ant-menu-vertical-left .ant-menu-item:not(:last-child),
.ant-menu-vertical-right .ant-menu-item:not(:last-child),
.ant-menu-inline .ant-menu-item:not(:last-child) {
  margin-bottom: 0;
}

.ant-dropdown-menu-item-disabled {
  color: @black-5;
  background-color: transparent;

  &&:hover {
    color: @black-5;
    background-color: transparent;
  }
}

/*tree*/
.el-tree-node {
  padding-top: @padding-xxs;
  padding-bottom: @padding-xxs;
  color: @black-10;
}

/*steps*/
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role='button']:hover
  .ant-steps-item-title,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role='button']:hover
  .ant-steps-item-subtitle,
.ant-steps
  .ant-steps-item:not(.ant-steps-item-active)
  > .ant-steps-item-container[role='button']:hover
  .ant-steps-item-description {
  color: @primary-6;
}

.ant-steps
  .ant-steps-item:not(.ant-steps-item-active):not(.ant-steps-item-process)
  > .ant-steps-item-container[role='button']:hover
  .ant-steps-item-icon
  .ant-steps-icon {
  color: @primary-6;
}

/*breadcrumb*/
.ant-breadcrumb a {
  color: @black-6;

  &:hover {
    color: @primary-5;
  }
}

.ant-breadcrumb > span:last-child {
  a {
    font-weight: 500;
    color: @black-10;

    &:hover {
      color: @primary-5;
    }
  }
}

/* 多选框checkbox */
.ant-checkbox-wrapper {
  color: @black-10;
}

.ant-checkbox-checked .ant-checkbox-inner {
  background-color: @primary-6;
  border-color: @primary-6;
}

.ant-checkbox-checked::after,
.ant-checkbox-wrapper:hover .ant-checkbox-inner,
.ant-checkbox:hover .ant-checkbox-inner,
.ant-checkbox-input:focus + .ant-checkbox-inner {
  border-color: @primary-6;
}

.ant-checkbox-indeterminate .ant-checkbox-inner::after {
  background-color: @primary-6;
}

// 复选框样式
.ant-tree-checkbox-indeterminate .ant-tree-checkbox-inner::after {
  background-color: @primary-color;
}

.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
  background-color: @primary-color;
  border-color: @primary-color;
}

// 下拉菜单
.ant-dropdown-menu {
  padding: @paddingBase / 2;
}

.ant-dropdown-menu-item {
  margin: 0;
  margin-left: 0 !important;
  padding: @paddingBase / 2 @paddingBase;
  width: 100%;
  border-radius: 2px;
}

.ant-dropdown-menu-item-divider {
  margin: @marginBase / 4 0;
}

/* 滚动条样式 start*/
::-webkit-scrollbar {
  width: 5px !important;
  height: 5px !important;
}

::-webkit-scrollbar-track {
  background-color: transparent !important;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(@black-10, 0.35) !important;
  width: 5px;
  border-radius: 10px !important;
}

::-webkit-scrollbar-thumb:hover {
  background-color: rgba(@black-10, 0.35) !important;
}

::-webkit-scrollbar-thumb:active {
  background-color: rgba(@black-10, 0.35) !important;
}

//
.ant-notification-notice {
  width: 340px;
  padding: 16px 20px 20px 20px;
  border-radius: 4px;
  border: 1px solid var(--light-line-color-border-2, #e5e6eb);
  background: var(--light-bg-color-bg-5, #fff);

  /* shadow/一级下拉菜单 */
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}

.ant-notification {
  width: 340px;
}

.ant-notification-notice-icon {
  margin-left: 0;

  .iconfont {
    position: absolute;
    top: 1px;
  }
}

.ant-notification-notice-close {
  top: 12px;
  right: 18px;
  color: @black-8;
}

.ant-notification-notice-with-icon .ant-notification-notice-description {
  margin-left: 40px;
  font-weight: 400;
  color: @black-10;
  font-size: 14px;
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
  font-weight: bold;
  color: @black-10;
}

.ant-notification-notice-with-icon .ant-notification-notice-message {
  margin-left: 40px;
  margin-bottom: @marginBase;
}

.ant-modal-confirm {
  .ant-modal-wrap .ant-modal {
    min-width: 520px;
  }

  .ant-modal-close {
    position: static;
    margin-left: calc(100% - 56px);

    .ant-modal-close-x {
      width: 48px;
      height: 48px;
      line-height: 48px;
    }

    &::before {
      content: '\63d0\793a';
      position: absolute;
      left: 24px;
      top: 12px;
      font-size: @font4;
      font-weight: 500;
      line-height: @lineHeight6;
      color: @font-color-base;
    }
  }

  .ant-modal-body {
    padding: 0px;
  }

  .ant-modal-confirm-body {
    padding: 24px;
    border-top: 1px solid @border-color-base;

    > span.iconfont + .ant-modal-confirm-title + .ant-modal-confirm-content {
      margin-left: 33px;
    }

    > .anticon + .ant-modal-confirm-title + .ant-modal-confirm-content {
      margin-left: 33px;
    }

    > span.iconfont {
      font-size: 24px !important;
      line-height: 24px;
      margin-right: 8px;
      display: inline-block;
      position: relative;
      top: -3px;
    }

    .ant-modal-confirm-title {
      font-weight: 400;
      font-size: @font4;
      line-height: 24px;
      color: @font-color-base;
      display: inline-block;
    }

    .ant-modal-confirm-content {
      margin-top: 6px;
      font-weight: 400;
      font-size: @font4;
      line-height: 22px;
      color: @info-color;
    }
  }

  .ant-modal-confirm-btns {
    margin-top: 0px;
    float: none;
    display: flex;
    padding: 16px 20px;
    justify-content: end;
    align-items: flex-end;
    gap: 4px;
    align-self: stretch;
    border-top: 1px solid @border-color-base;
  }
}

.ant-modal-confirm-warning,
.ant-modal-confirm-confirm {
  .ant-modal-confirm-body {
    > .anticon {
      display: none;
    }

    .ant-modal-confirm-title::before {
      content: '';
      height: 24px;
      width: 24px;
      display: inline-block;
      background-size: 100% 100%;
      margin-right: 9px;
      position: relative;
      top: 6px;
      background-image: url('');
    }
  }
}

.ant-modal-confirm-info {
  .ant-modal-confirm-body {
    > .anticon {
      display: none;
    }

    .ant-modal-confirm-title::before {
      content: '';
      height: 24px;
      width: 24px;
      display: inline-block;
      background-size: 100% 100%;
      margin-right: 9px;
      position: relative;
      top: 6px;
      background-image: url('');
    }
  }
}

.ant-modal-confirm-success {
  .ant-modal-confirm-body {
    > .anticon {
      display: none;
    }

    .ant-modal-confirm-title::before {
      content: '';
      height: 24px;
      width: 24px;
      display: inline-block;
      background-size: 100% 100%;
      margin-right: 9px;
      position: relative;
      top: 6px;
      background-image: url('');
    }
  }
}

.ant-modal-confirm-error {
  .ant-modal-confirm-body {
    > .anticon {
      display: none;
    }

    .ant-modal-confirm-title::before {
      content: '';
      height: 24px;
      width: 24px;
      display: inline-block;
      background-size: 100% 100%;
      margin-right: 9px;
      position: relative;
      top: 6px;
      background-image: url('');
    }
  }
}

.ant-notification-notice-btn {
  float: left;
}

.ant-switch-checked {
  background-color: @primary-6;
}

.ant-input-affix-wrapper .ant-input-prefix,
.ant-input-affix-wrapper .ant-input-suffix,
.ant-calendar-picker:hover .ant-calendar-picker-clear {
  color: rgba(0, 0, 0, 0.25);
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date::before {
  border: none !important;
}

.ant-calendar-disabled-cell.ant-calendar-today .ant-calendar-date {
  padding: 0 !important;

  &::before {
    left: 0;
    width: 100%;
    border: none !important;
  }
}
